var tree = layui.tree
    ,layer = layui.layer
    ,table = layui.table
    ,$ = layui.jquery,form=layui.form,laytpl=layui.laytpl;
var data = [{
    title: '一级1'
    ,id: 1
    ,field: 'name1'
    ,checked: true
    ,spread: true
    ,children: [{
        title: '二级1-1'
        ,id: 3
        ,field: 'name11'
        ,children: [{
            title: '三级1-1-3'
            ,id: 23
            ,field: ''
            ,children: [{
                title: '四级1-1-3-1'
                ,id: 24
                ,field: ''
                ,children: [{
                    title: '五级1-1-3-1-1'
                    ,id: 30
                    ,field: ''
                },{
                    title: '五级1-1-3-1-2'
                    ,id: 31
                    ,field: ''
                }]
            }]
        },{
            title: '三级1-1-2'
            ,id: 8
            ,field: ''
            ,children: [{
                title: '四级1-1-2-1'
                ,id: 32
                ,field: ''
            }]
        }]
    },{
        title: '二级1-2'
        ,id: 4
        ,spread: true
        ,children: [{
            title: '三级1-2-1'
            ,id: 9
            ,field: ''
        },{
            title: '三级1-2-2'
            ,id: 10
            ,field: ''
        }]
    },{
        title: '二级1-3'
        ,id: 20
        ,field: ''
        ,children: [{
            title: '三级1-3-1'
            ,id: 21
            ,field: ''
        },{
            title: '三级1-3-2'
            ,id: 22
            ,field: ''
        }]
    }]
},{
    title: '一级2'
    ,id: 2
    ,field: ''
    ,spread: true
    ,children: [{
        title: '二级2-1'
        ,id: 5
        ,field: ''
        ,spread: true
        ,children: [{
            title: '三级2-1-1'
            ,id: 11
            ,field: ''
        },{
            title: '三级2-1-2'
            ,id: 12
            ,field: ''
        }]
    },{
        title: '二级2-2'
        ,id: 6
        ,field: ''
        ,children: [{
            title: '三级2-2-1'
            ,id: 13
            ,field: ''
        },{
            title: '三级2-2-2'
            ,id: 14
            ,field: ''
            ,disabled: true
        }]
    }]
},{
    title: '一级3'
    ,id: 16
    ,field: ''
    ,children: [{
        title: '二级3-1'
        ,id: 17
        ,field: ''
        ,fixed: true
        ,children: [{
            title: '三级3-1-1'
            ,id: 18
            ,field: ''
        },{
            title: '三级3-1-2'
            ,id: 19
            ,field: ''
        }]
    },{
        title: '二级3-2'
        ,id: 27
        ,field: ''
        ,children: [{
            title: '三级3-2-1'
            ,id: 28
            ,field: ''
        },{
            title: '三级3-2-2'
            ,id: 29
            ,field: ''
        }]
    }]
}];
var data1 = [{'id':'1','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'2','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'3','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'11','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'4','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'12','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'5','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'13','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'6','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'14','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'7','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'15','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'8','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'16','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'9','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'17','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'10','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'18','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}];
var data2 = [{'id':'1','text1':'text1','text2':'','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'2','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'3','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'11','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'4','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'12','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'5','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'13','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'6','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'14','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'7','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'15','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'8','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'16','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'9','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'17','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}
    ,{'id':'10','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'},{'id':'18','text1':'text1','text2':'text2','text3':'text3','text4':'text4','text5':'text5','text6':'text6','text7':'text7','text8':'text8','text9':'text9','text10':'text10','text11':'text11','text12':'text12','text13':'text13'}];
var selectuserdata = {userid:"121212",chinesesign:"statics/images/layui-logo.jpg"};
tree.render({
    elem: '#usermenu' //默认是点击节点可进行收缩
    ,data: data
    ,click: function(obj){
        //判断是否有选中的列，有则取消换现点击列
        var selecteds = $(".selecteds");
        if(typeof (selecteds[0])!="undefined"){
            selecteds.removeClass("selecteds");
        }
        obj.elem[0].classList.add("selecteds");
        table.reload('statisticstableid', {
            data:data1 ,
            page: {
                curr: 1 //重新从第 1 页开始
            }
            ,where: obj.data.id
        }, 'data');
    }
});
table.render({
    elem: '#userdettingsid'
    ,data:data1
    ,toolbar: '#toolbarDemo'
    ,cols: [[
        {checkbox: true, fixed: true}
        ,{field:'id', width:50, fixed: true}
        ,{field:'text1', title:'用户名称', fixed: true}
        ,{field:'text2', title:'角色', fixed: true}
        ,{field:'text3', title:'用户编码', sort: true}
        ,{field:'right', title:'关联',align: 'center',toolbar:'#usererelevance', width:150}
        ,{fixed: 'right', width:180, align:'center', toolbar: '#usereditor', title:'操作'}
    ]]
    ,id: 'userdettingstableid'
    ,height: $(document).height() - $('#userdettingsid').offset().top - 70
    ,page: true
});
table.on('toolbar(userdettingstable)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id);
    switch(obj.event){
        case 'searchs':
            var username = $('#username').val();
            layer.msg("搜索");
            //执行重载
            table.reload('userdettingstableid', {
                data:data1
                ,page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                    'text': username
                }
            }, 'data');
            break;
    };
});

$("#choose").on("click",function () {
    var userdettingstableid =   table.checkStatus("userdettingstableid").data; //表格选中的数据
    if(userdettingstableid.length == 0){
        layer.msg("请选择数据")
    }else{
        //执行接口
        layer.msg("保存成功", {icon: 6});
        setTimeout(function () {
            //保存成功则关闭此页面
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        },1000)
    }
})
$("#shutdown").on("click",function () {
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.close(index);
})